<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>wolong</title>
<link href="zhengshi.css" type="text/css" rel="stylesheet" />
</head>

<body>
<div class="head"> 
  <!-- 会用一个h1包裹着logo，原因是h1是放一级标题的很重要-->
  <h1><a href="#"><img src="img/logo.png" /></a></h1>
  <span><!--span根div一样用来分隔样式-->
  <form action="" method="post" name="">
    <input type="text" value="SERACH..." class="text_input"/>
    <a href="#" class="tijiao_btn">
    <input type="submit" value="" class="submit_input"/>
    </a>
  </form>
  </span> </div>
<div class="daohanglan">
  <div class="box1 geshi"><a href="#">集团介绍</a></div>
  <div class="box2 geshi"><a href="#">产品中心</a></div>
  <div class="box2 geshi"><a href="#">卧龙市场</a></div>
  <div class="box2 geshi"><a href="#">技术研发</a></div>
  <div class="box2 geshi"><a href="#">国际合作</a></div>
  <div class="box2 geshi"><a href="#">投资者关系</a></div>
  <div class="box2 geshi"><a href="#">新闻资讯</a></div>
  <div class="box3 geshi"><a href="#">人力资源</a></div>
</div>
<div id="banner"><img src="img/banner.jpg" /></div>
<div class="list">
  <div class="list1 liststyle"> <font size="5"><a href="#">新闻资讯</a></font>
    <ul>
      <li><a href="#">陈建成董事长陈建成董事长陈建成董事长</a></li>
      <li><a href="#">中国电器工业协会</a></li>
      <li><a href="#">中国驻德大使馆</a></li>
      <li><a href="#">企业文化</a></li>
      <li><a href="#">销售会议发表谈话</a></li>
      <li><a href="#">喜迎七一 唱响卧龙</a></li>
    </ul>
  </div>
  <div class="list2 liststyle"> <font size="5"><a href="#">卧龙介绍</a></font>
    <p id="p1">公司成立于1984年，经过30年的发展已经成为电器制造，房地产开发和金融投资三爷斌局的...</p>
  </div>
  <div class="list3 liststyle">
    <div> <font size="5"><a href="#">人才招聘</a></font>
      <p id="p2">培养一流的人才，铸造一流的工程，实现员工与企业的共同发展</p>
    </div>
    <div id="beijing1"></div>
  </div>
</div>
<div class="bigbox">
  <div class="shichang"><font size="5"><a href="#">卧龙市场</a></font></div>
  <div class="hezi1 box"><a href="#"><img src="img/hezi1.png" /><br />
    <br />
    <p>交通轨道：由于主要采用电气牵引，而且轮轨摩擦阻力较小，与公共...</p>
    </a></div>
  <div class="hezi2 box"><a href="#"><img src="img/hezi2.png" /><br />
   <br />
    <p>交通轨道：由于主要采用电气牵引，而且轮轨摩擦阻力较小，与公共...</p>
    </a></div>
  <div class="hezi3 box"><a href="#"><img src="img/hezi3.png" /><br />
   <br />
    <p>交通轨道：由于主要采用电气牵引，而且轮轨摩擦阻力较小，与公共...</p>
    </a></div>
  <div class="hezi4 box"><a href="#"><img src="img/hezi4.png" /><br />
   <br />
    <p>交通轨道：，而且轮轨摩擦阻力较小，</p>
    由于主要采用电气牵引
    <p>与公共...</p>
    </a></div>
</div>
<div class="bbox">
  <div class="bbox1 bboxstyle">
    <div class="bbox11 chaolianjie"><a href="#">产品中心</a></div>
    <div class="bbox12 chaolianjie">
      <ul class="list">
        <li><a href="#">汽车电机</a></li>
        <li><a href="#">日常电机</a></li>
        <li><a href="#">特种电机</a></li>
        <li><a href="#">大功率电机</a></li>
        <li><a href="#">电工设备</a></li>
      </ul>
    </div>
    <div class="bbox13 chaolianjie">
      <ul class="list">
        <li><a href="#">工业驱动和自动化</a></li>
        <li><a href="#">高压变频和系统集成</a></li>
        <li><a href="#">混泥土搅拌机</a></li>
        <li><a href="#">电动车辆</a></li>
      </ul>
    </div>
    <div class="bbox14 chaolianjie">
      <ul class="list">
        <li><a href="#">电池电源</a></li>
        <li><a href="#">楼盘信息</a></li>
        <li><a href="#">金融产品</a></li>
        <li><a href="#">输变电设备</a></li>
      </ul>
    </div>
  </div>
  <div class="bbox2 bboxstyle">
    <div class="bbox21 chaolianjie"><a href="#">技术研发</a></div>
    <div class="bbox22 chaolianjie">
      <ul class="list">
        <li><a href="#">科技力量</a></li>
        <li><a href="#">先进设备</a></li>
        <li><a href="#">研发创新</a></li>
        <li><a href="#">工艺流程</a></li>
      </ul>
    </div>
  </div>
  <div class="bbox3 bboxstyle">
    <div class="bbox31 chaolianjie"><a href="#">营销网络</a></div>
    <div class="bbox32 chaolianjie"></div>
  </div><!--
  <div class="footer"> </div>-->
</div>
</body>
</html>
